<template>
	<view class="shoppingCartSearch">
		<view class="">
			
		</view>
		<view class="top">
			<image @tap="back" src="/static/img/index/114.png" mode="widthFix"></image>
			<view class="input">
				<image src="/static/img/index/115.png" mode="widthFix"></image>
				<input type="text" placeholder="请输入商品名称" />
			</view>
			<text>搜索</text>
		</view>
		<Search/>
		<!-- <List/> -->
	</view>
</template>

<script setup lang="ts">
import Search from './components/search.vue'
import List from './components/list.vue'
const back = ()=>{
	uni.navigateBack()
}
</script>

<style lang="scss">
.shoppingCartSearch{
	height: 100vh;
	display: flex;
	flex-direction: column;
	>view:nth-of-type(1){
		height: var(--status-bar-height);
	}
	>.top{
		display: flex;
		align-items: center;
		margin: 35rpx 24rpx 32rpx 24rpx;
		color: #595959;
		font-size: 32rpx;
		>image{
			width: 36rpx;
		}
		.input{
			flex: 1;
			margin: 0 24rpx;
			border-radius: 37rpx;
			border: 1rpx solid #E5E5E5;
			display: flex;
			align-items: center;
			padding: 0 36rpx;
			image{
				width: 28.8rpx;
				margin-right: 17rpx;
			}
			input{
				flex: 1;
			}
			input{
				height: 74rpx;
			}
		}
	}
}
</style>